<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="index.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>
<body>
<nav>
    <div class="container">
    <nav class="navbar navbar-expand-lg navbar-light">
        <a class="navbar-brand" href="#"><img src="images/Genius_02.gif" alt=""></a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>

        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav mr-auto" style="width: 495px">
                <li class="nav-item active">
                    <a class="nav-link" style="color: #f68423" href="#">Home<span class="sr-only">(current)</span></a>
                </li>

                <li class="nav-item active">
                    <a class="nav-link" href="#">ABOUT US<span class="sr-only">(current)</span></a>
                </li>

                <li class="nav-item active">
                    <a class="nav-link" href="#">SERVICES<span class="sr-only">(current)</span></a>
                </li>

                <li class="nav-item active">
                    <a class="nav-link" href="#">COURSES<span class="sr-only">(current)</span></a>
                </li>

                <li class="nav-item active">
                    <a class="nav-link" href="#">PROCONG<span class="sr-only">(current)</span></a>
                </li>

                <li class="nav-item active">
                <a class="nav-link" href="#">CONTACT<span class="sr-only">(current)</span></a>
            </li>

            </ul>
        </div>
    </nav>
    </div>
</nav>
<div class="barder">
    <img src="images/Genius_03_02.gif" alt="">
</div>
<div class="banner">
    <div class="container">
    <div class="banner-top">
        <div class="banner-top-top">
            <h2>Our Courses</h2>
            <p>asghjfgdahsjgfjdkashgjkf dhgjkfdbhjfbvjhksabkhvbadshjbhjkadsbdfgfgfdgfdsgfsdgfsdgfdsgfdgfdsgfsdgfsd <br>ghjdsahjghadskjghdsajghdashgjldaskghdajsfas</p>
        </div>
        <div class="banner-top-bottom">
            <div>
                <img src="images/opian_03.gif" alt="">
                <div class="banner-top-bottom-right">
                    <h4>Mobile Dev</h4>
                    <p>sadsadsahjfdshgjdhs <br>dsadsadsafdgcvbcxbeyrytru
                        <br>ytiyutrtj</p>
                </div>

            </div>
            <div>
                <img src="images/opian_03.gif" alt="">
                <div class="banner-top-bottom-right">
                    <h4>Mobile Dev</h4>
                    <p>sadsadsahjfdshgjdhs <br>dsadsadsafdgcvbcxbeyrytru
                        <br>ytiyutrtj</p>
                </div>
            </div>
            <div>
                <img src="images/opian_03.gif" alt="">
                <div class="banner-top-bottom-right">
                    <h4>Mobile Dev</h4>
                    <p>sadsadsahjfdshgjdhs <br>dsadsadsafdgcvbcxbeyrytru
                        <br>ytiyutrtj</p>
                </div>
            </div>
            <div>
                <img src="images/opian_03.gif" alt="">
                <div class="banner-top-bottom-right">
                    <h4>Mobile Dev</h4>
                    <p>sadsadsahjfdshgjdhs <br>dsadsadsafdgcvbcxbeyrytru
                        <br>ytiyutrtj</p>
                </div>
            </div>
            <div>
                <img src="images/opian_03.gif" alt="">
                <div class="banner-top-bottom-right">
                    <h4>Mobile Dev</h4>
                    <p>sadsadsahjfdshgjdhs <br>dsadsadsafdgcvbcxbeyrytru
                        <br>ytiyutrtj</p>
                </div>
            </div>
            <div>
                <img src="images/opian_03.gif" alt="">
                <div class="banner-top-bottom-right">
                    <h4>Mobile Dev</h4>
                    <p>sadsadsahjfdshgjdhs <br>dsadsadsafdgcvbcxbeyrytru
                        <br>ytiyutrtj</p>
                </div>
            </div>
        </div>
    </div>
    </div>
    <div class="banner-center">
        <div class="container">
            <div class="banner-cemter-top">
                <h2>Our Courses</h2>
                <p>asghjfgdahsjgfjdkashgjkf dhgjkfdbhjfbvjhksabdasdasdsadfgdgfdsgfsdxczzzcxvzxvzdferewtretkhvbadshjbhjkadsbdfgfgfdgfdsgfsdgfsdgfdsgfdgfdsgfsdgfsd <br>ghjdsahjghadskjghfdsfadsfdzvzdatruytgfdsajghdashgjldaskghdajsfas</p>
            </div>
            <div class="banner-center-bottom">
                <div class="banner-center-bottom-left">
                    <img src="images/qwe_03.gif" alt="">
                </div>
                <div class="banner-center-bottom-right">
                    <div class="banner-center-bottom-right-top">
                        <p>shdkjghfkjdbjxbjkxcbjlksdnjkfanjkdgnadsklngfjkdnjkfdngjkfdnjklg <br> jdfjd;ag; kadjk laf kjkgak;dagjfdsgjfdsjhgjafdhgjalkshgajdkbjbhj
                            <br> dsjkafjdkasljadlksgjfksdjgskfdjgfskdghuaihud ih <br>  jfisdfjdiasopfjzxhvjnbczjxk czxnlcnjk jn  hdfsfhj dskb hkjsdb hj
                            ushafuiadshfuiashfzhjkvhzjk hjkhjkzvkjzhvkzh</p>
                    </div>
                    <div class="banner-center-bottom-right-bottom">
                        <p>fdjhgkfdlkgfdsjklgjfdskjgfds</p>
                        <p>fdhjkgfhdkghsfdlkhjkxcbxkja</p>
                        <p>dhjgfkdsfhglhakdleaiowrejuawi</p>
                        <p>dhjkdashvklzhvzcjvbnbafdasferew</p>
                        <p>udasfryuiardyufiaduysfoiayutoieawo</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="banner-bottom">
        <div class="container">
            <div class="banner-bottom-top">
                <h2>Our Courses</h2>
                <p style="margin-bottom: 50px;">asghjfgdahsjgfjdkashgjkf dhgjkfdbhjfbvjhksabdasdasdsadfgdgfdsgfsdxczzzcxvzxvzdferewtretkhvbadshjbhjkadsbdfgfgfdgfdsgfsdgfsdgfdsgfdgfdsgfsdgfsd <br>ghjdsahjghadskjghfdsfadsfdzvzdatruytgfdsajghdashgjldaskghdajsfas</p>
            </div>
            <div class="banner-bottom-bottom">
                <div>
                    <img src="images/iop_03.gif" alt="">
                    <h6>Feb</h6>
                    <p>sdfdsjkfghdjskghjkfdsdksjafhdlfdsfds <br> asdsaf</p>
                </div>
                <div>
                    <img src="images/zxc_03.gif" alt="">
                    <h6>Feb</h6>
                    <p>sdfdsjkfghdjskghjkfdsdksjafhddsadsadasl <br> asdsaf</p>
                </div>
                <div>
                    <img src="images/bnm_05.gif" alt="">
                    <h6>Feb</h6>
                    <p>sdfdsjkfghdjskghjkfdsdksjafhdasdsadsadsal</p>
                </div>
            </div>
        </div>
    </div>
</div>
<main>
    <div class="container">
    <div class="main-top">
        <div class="main-top-top">
            <h2>Our Courses</h2>
            <p>asghjfgdahsjgfjdkashgjkf dhgjkfdbhjfbvjhksabdasdasdsadfgdgfdsgfsdxczzzcxvzxvzdferewtretkhvbadshjbhjkadsbdfgfgfdgfdsgfsdgfsdgfdsgfdgfdsgfsdgfsd <br>ghjdsahjghadskjghfdsfadsfdzvzdatruytgfdsajghdashgjldaskghdajsfas</p>
        </div>
    </div>
    <div class="main-bottom">
        <div><img src="images/zuo_03.gif" alt=""></div>
        <div><img src="images/zuoer_05.gif" alt=""></div>
        <div><img src="images/zuosan_07.gif" alt=""></div>
        <div><img src="images/zuosi_09.gif" alt=""></div>
        <div><img src="images/zuowu_11.gif" alt=""></div>
        <div><img src="images/zuoliu_13.gif" alt=""></div>
    </div>
    </div>
</main>
<footer>
    <div class="footer-top">
    <div class="container">
            <div>
                <p>ashdsjfhdsakjfh <br>  hsakjfh kjds hkj <br> sah dh fkjdsh jk <br> bdsjkfhdkashgkhj ah jgadsu
                    <br> hjdkshfjldahfadjsh jl <br> aldfsajfldksj kldcfxvcnm</p>
            </div>
            <div>
                <p>ashdsjfhdsakjfh <br>  hsakjfhkjdsfh kjds hkj <br> sah dkjsah fkjdsh jk <br> bdsjkfhdkashgkhj ah jgadsu
                    <br> hjdkshfjldahfadjsh jl <br> aldfsajfldksj kldhjkxvcnm</p>
            </div>
            <div>
                <p>ashdsjfhdsakjfh <br>  hsakjfhfh kjds hkj <br> sah dkfkjdsh jk <br> bdsjkfhdkashgkhj ah jgadsu
                    <br> hjdkshfjldahfadjsh jl <br> ajfldksj kldhjvcnm</p>
            </div>
            <div>
                <p>ashdsjfhdsakjfh <br>  hsakjfhh kjds hkj <br> sah dkjkjdsh jk <br> bdsjkfhdkashgkhj ah jgadsu
                    <br> hjdkshfjldahfadjsh jl <br> aldfsajfldksj kldhhdcfxvcnm</p>
            </div>
        </div>
    </div>
    <div class="footer-bottom">
        <div class="container">
            <div class="footer-bottom-left">
                <p>sabfhdjsfgjhdsahfjdjhk</p>
            </div>
            <div class="footer-bottom-right">
                <p>fdsfdsas</p>
            </div>
        </div>
    </div>
</footer>
</body>
</html>